<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<title>iframe border</title>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<link type="text/css" rel="stylesheet" href="./common.css" />
</head>
<body>
<div>
	<h2>iframe元素与iframe内部html都是200*110px时的效果：</h2>
	<a href="./same.html">same.html</a>
</div>
<div>
	<h2>iframe元素是180*110px，iframe内部html是200*110px，效果：</h2>
	<a href="./small-x.html">small-x.html</a>
</div>
<div>
	<h2>iframe元素是200*90px，iframe内部html是200*110px，效果：</h2>
	<a href="./small-y.html">small-y.html</a>
</div>
<div>
	<h2>iframe元素是180*90px，iframe内部html是200*110px，效果：</h2>
	<a href="./small.html">small.html</a>
</div>
<p>总结：为了确保iframe不出现滚动条，兼容gte IE6、Firefox，只要保证iframe高度自适应内容，然后使用frameBorder="0"即可。
</p>
<p>如果iframe框比内容小，需要使用frameBorder="0"，iframe内部使用html,body{overflow:hidden}，多余的内容不可见。
</p>
</body>
</html>